<!DOCTYPE html>

<%@taglib prefix="s" uri="/struts-tags"%>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<link href="<s:url value='/styles/index.css'/>" rel="stylesheet"
	media="screen" />
<link href="<s:url value='/styles/mbcnImageHover.css'/>"
	rel="stylesheet" media="screen" />
<title>Index</title>
<s:head />
</head>
<body>



	<s:if test="%{itemCategory==1}">
		<%-- <%@include file="incBuy.jsp"%> --%>
		<style>
.view {
	background: #fff url(styles/mbcnImageHover/bgbuy.jpg) no-repeat center
		center;
}
</style>
		<!--header bottom-->
		<div class="header-bottom">
			<div class="container">

				<div class="portfolio_filter clearfix ">
					<ul class="filter_menu">
						<li class="current-menu-item"><a href="mua">Mua</a></li>
						<li><a href="ban">Bán</a></li>
						<li><a href="cho">Cho</a></li>
						<li><a href="nhan">Nhận</a></li>
					</ul>
				</div>
			</div>
		</div>

		<!--/header bottom-->
	</s:if>
	<s:elseif test="%{itemCategory==2}">
		<%-- <%@include file="incSell.jsp"%> --%>
		<style>
.view {
	background: #fff url(styles/mbcnImageHover/bgsell.jpg) no-repeat center
		center;
}
</style>
		<!--header bottom-->
		<div class="header-bottom">
			<div class="container">

				<div class="portfolio_filter clearfix ">
					<ul class="filter_menu">
						<li><a href="mua">Mua</a></li>
						<li class="current-menu-item"><a href="ban">Bán</a></li>
						<li><a href="cho">Cho</a></li>
						<li><a href="nhan">Nhận</a></li>
					</ul>
				</div>
			</div>
		</div>

		<!--/header bottom-->

	</s:elseif>
	<s:elseif test="%{itemCategory==4}">
		<%-- <%@include file="incReceive.jsp"%> --%>
		<style>
.view {
	background: #fff url(styles/mbcnImageHover/bgreceive.jpg) no-repeat
		center center;
}
</style>
		<!--header bottom-->
		<div class="header-bottom">
			<div class="container">

				<div class="portfolio_filter clearfix ">
					<ul class="filter_menu">
						<li><a href="mua">Mua</a></li>
						<li><a href="ban">Bán</a></li>
						<li><a href="cho">Cho</a></li>
						<li class="current-menu-item"><a href="nhan">Nhận</a></li>
					</ul>
				</div>
			</div>
		</div>

		<!--/header bottom-->
	</s:elseif>
	<s:else>
		<%-- <%@include file="incGive.jsp"%> --%>
		<!--header bottom-->
		<div class="header-bottom">
			<div class="container">

				<div class="portfolio_filter clearfix ">
					<ul class="filter_menu">
						<li><a href="mua">Mua</a></li>
						<li><a href="ban">Bán</a></li>
						<li class="current-menu-item"><a href="cho">Cho</a></li>
						<li><a href="nhan">Nhận</a></li>
					</ul>
				</div>
			</div>
		</div>

		<!--/header bottom-->
	</s:else>

	<!--middle-->
	<div id="middle" class="full_width2">
		<div class="container">
			<!--content-->
			<div class="content " role="main">
				<article class="post-detail">
				<div class="entry clearfix">
					<s:if test="itemList.size() > 0">
						<s:iterator value="itemList" status="userStatus">
							<div class="view view-first">
								<a class="linkHref" href="#" onclick="javascript:JS_COMMON.showPopup('itemdetails?itemId=${itemId}','80%','80%','yes',true);"> <img
									src="imagesUserUploaded/${itemImage}" onerror="this.style.display='none'" /> <label
									class="imgTitle"><span><s:property
												value="itemTitle" /></span></label>
									<div class="mask">
										<h2>
											<s:property value="itemTitle" />
										</h2>
										<p>
											<s:property value="itemContent" />
										</p>
									</div>
								</a>
							</div>
						</s:iterator>
					</s:if>
				</div>
				</article>
			</div>
			<!--/content-->
		</div>
	</div>
	<!--/middle-->
</body>
</html>
